<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Wallpaper</title>
        <meta name="description" content="Here goes description" />
        <meta name="author" content="author name" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <!-- ======================================================================
                                    Mobile Specific Meta
        ======================================================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- ======================================================================
                                    Style CSS + Google Fonts
        ======================================================================= -->
        <link href="css/swipebox.css" rel="stylesheet" />
        <link href="css/bootstrap.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/animate.css" rel="stylesheet" />
        <link href="color-box/color-style.css" rel="stylesheet" />
        <link href="color-box/farbtastic/farbtastic.css" rel="stylesheet" />
        <link href="css/font-icon-moon.css" rel="stylesheet" />
        <link href="css/font-awesome.css" rel="stylesheet" />
    </head>
    <body class="home-page">
        <div class="load-complete">
            <div class="load-position">
                <div class="logo wow flip">Wallpaper</div>
                <h6>Please wait, loading...</h6>
                <div class="loading">
                    <div class="loading-line"></div>
                    <div class="loading-break loading-dot-1"></div>
                    <div class="loading-break loading-dot-2"></div>
                    <div class="loading-break loading-dot-3"></div>
                </div>
            </div>
        </div>
        <!-- === START COLOR BOX === -->
        <div class="settings-box">
            <div class="settings-box-icon"><i class="fa fa-spin d-text-c fa-cog"></i></div>
            <div class="settings-box-title">Settings Box</div>
            <p>Primary color</p>
            <ul id="site_color">
                <li><span class="color_1"></span></li>
                <li><span class="color_2"></span></li>
                <li><span class="color_3"></span></li>
                <li><span class="color_4"></span></li>
                <li><span class="color-select"></span></li>      
            </ul>
            <hr> 
            <p>Layout type</p>
            <select name="site_layout">
                <option value="wide">Wide</option>
                <option value="boxed">Boxed</option>
            </select>
            <hr> 
            <p>Background patterns</p>
            <ul id="background_patterns">
                <li><img src="color-box/background/square-1.png" alt="patterns"></li>
                <li><img src="color-box/background/square-2.png" alt="patterns"></li>
                <li><img src="color-box/background/square-3.png" alt="patterns"></li>
                <li><img src="color-box/background/square-4.png" alt="patterns"></li>
                <li><img src="color-box/background/square-5.png" alt="patterns"></li>        
            </ul>
            <hr> 
            <p>Background images</p>
            <ul id="background_images">
                <li><img src="color-box/background/bg-image-1.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-2.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-3.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-4.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-5.jpg" alt="background"></li>        
            </ul>
        </div>
        <!-- === END COLOR BOX === -->
        <div class="box-wide">
            <!-- === START HEADER === -->
            <header class="header sticky-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="logo"><a href="index.html">Wallpaper</a></div>
                        </div>
                        <div class="col-md-8">
                            <nav class="menu">
                                <div class="responsive-menu d-text-c-h"><i class="fa fa-bars"></i></div>

                                <ul>
                                    <li class="current-item"><a class="d-text-c-h" href="#">Home</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="index.html">Home v1</a></li>
                                            <li><a class="d-text-c-h" href="index-v2.html">Home v2</a></li>
                                            <li><a class="d-text-c-h" href="index-v3.html">Home v3</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Portfolio</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-no-padding.html">Portfolio 2 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-v2.html">Portfolio 2 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-no-padding.html">Portfolio 3 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-v2.html">Portfolio 3 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-4-col.html">Portfolio fw 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col-v2.html">Portfolio 4 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-6-col-v2-no-padding.html">Portfolio fw 6 columns v2 no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="project-v1.html">Project v1</a></li>
                                            <li><a class="d-text-c-h" href="project-v2.html">Project v2</a></li>
                                        </ul>                                    
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Pages</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="about-us.html">About Us</a></li>
                                            <li><a class="d-text-c-h" href="coming-soon.html">Coming soon</a></li>
                                            <li><a class="d-text-c-h" href="error-404.html">Error 404</a></li>
                                            <li><a class="d-text-c-h" href="our-team.html">Our Team</a></li>
                                            <li><a class="d-text-c-h" href="services.html">Services</a></li>
                                            <li><a class="d-text-c-h" href="shortcodes.html">Shortcodes</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Blog</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="blog-2c-rs.html">Blog 2 columns right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="blog-3c.html">Blog 3 columns</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw.html">Blog fullwidth</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw-rs.html">Blog fullwidth right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="post.html">Single Post</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Shop</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="shop.html">Shop</a></li>
                                            <li><a class="d-text-c-h" href="shop-item.html">Single Product</a></li>
                                            <li><a class="d-text-c-h" href="shop-ls.html">Shop left sidebar</a></li>
                                            <li><a class="d-text-c-h" href="shop-rs.html">Shop right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="cart.html">Cart</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Contact</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="contact-v1.html">Contact v1</a></li>
                                            <li><a class="d-text-c-h" href="contact-v2.html">Contact v2</a></li>
                                            <li><a class="d-text-c-h" href="contact-v3.html">Contact v3</a></li>
                                            <li><a class="d-text-c-h" href="contact-v4.html">Contact v4</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <!-- === END HEADER === -->

            <!-- === START CONTENT === -->
            <div class="content">
                <!-- === START SLIDER SECTION === -->
                <section class="slider-section" id="slider-section">
                    <div class="slider" data-theme-plugin="slider" data-theme-item=".slide" data-theme-next=".slide-right" data-theme-prev=".slide-left" data-theme-container=".slide-wrapper">
                        <ul class="slider-arrows">
                            <li class="slide-left"><i class="icon-arrow-left10"></i></li>
                            <li class="slide-right"><i class="icon-uniE91B"></i></li>
                        </ul>
                        <div class="bg-cover"></div>
                        <ul class="slide-wrapper">
                            <li class="slide">
                                <div class="slide-text">
                                    <h4>An ultimate way to go to the next level</h4>
                                    <h2>wallpaper creative studio</h2>
                                    <h5>UI-UX / WEB / BRANDING / design / development / video / autio</h5>
                                </div>
                                <img src="images/slide-3.jpg" alt="slide">
                            </li>
                            <li class="slide">
                                <div class="slide-text">
                                    <h4>Wallpaper is all Around Us</h4>
                                    <h2>wallpaper creative studio</h2>
                                    <h5>UI-UX / WEB / BRANDING / design / development / video / autio</h5>
                                </div>
                                <img src="images/slide-2.jpg" alt="slide">
                            </li>
                            <li class="slide">
                                <div class="slide-text">
                                    <h4>Reach out for Wallpaper</h4>
                                    <h2>wallpaper creative studio</h2>
                                    <h5>UI-UX / WEB / BRANDING / design / development / video / autio</h5>
                                </div>
                                <img src="images/slide-1.jpg" alt="slide">
                            </li>
                        </ul>

                        <ul class="slider-dots" data-theme-plugin="bullets">
                            <li class="s-border-c-h"></li>
                            <li class="s-border-c-h"></li>
                            <li class="s-border-c-h"></li>
                        </ul>
                    </div>
                </section>
                <!-- === END SLIDER SECTION === -->

                <!-- === START SERVICES === -->
                <div class="services-section services-mark-2 services-mark-2-add">
                    <div class="container">
                        <div class="site-title">
                            <p>We are very strong skilled in the</p>
                            <h1>Areas of expertise</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-wand d-border-c d-text-c"></i>
                                    <h4>design</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-camera5 d-border-c d-text-c"></i>
                                    <h4>photoshooting</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-video2 d-border-c d-text-c"></i>
                                    <h4>video production</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END SERVICES === -->

                <!-- === START PORTFOLIO === -->
                <div class="portfolio-v2 no-bottom-margin no-padding">
                    <div class="row" data-theme-plugin="masonry">
                        <div class="col-md-2 no-padding col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-1.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-2.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-3.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-4.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-5.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-6.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END LATEST WORKS === -->

                <!-- === START CUSTOM === -->
                <div class="custom-section-v3">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="panel-group" id="accordion">
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collaps-1">
                                          Our mission
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collaps-1" class="panel-collapse collapse in">
                                      <div class="panel-body">
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                      </div>
                                    </div>
                                  </div>
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collaps-2">
                                          our vision
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collaps-2" class="panel-collapse collapse">
                                      <div class="panel-body">
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                      </div>
                                    </div>
                                  </div>
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collaps-3">
                                          our values
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collaps-3" class="panel-collapse collapse">
                                      <div class="panel-body">
                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                                      </div>
                                    </div>
                                  </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="our-skills-v2">
                                    <div class="one-skill">
                                        <h3>Photoshop 80%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c" style="width: 80%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>Illustrator 60%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c" style="width: 60%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>HTML 90%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c" style="width: 90%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>Wordpress 85%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c" style="width: 85%;"></span>
                                        </div>
                                    </div>
                                    <div class="one-skill">
                                        <h3>jQuery 78%</h3>
                                        <div class="one-skill-know">
                                            <span class="d-bg-c" style="width: 78%;"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END CUSTOM === -->


                <!-- === START STATISTICS === -->
                <div class="statistics-section">
                    <div class="bg-cover">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c">2045</h3>
                                        <h6>individual clients</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c">126</h3>
                                        <h6>video spots</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c">78</h3>
                                        <h6>screenplay</h6>
                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-6">
                                    <div class="statistic">
                                        <h3 class="d-text-c">1034</h3>
                                        <h6>items designed</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END STATISTICS === -->


                <!-- === START SERVICES === -->
                <div class="services-section services-mark-1">
                    <div class="container">
                        <div class="site-title">
                            <p>Here you can find another</p>
                            <h1>Provided services</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-wand d-border-c d-text-c"></i>
                                    <h4>design</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-camera5 d-border-c d-text-c"></i>
                                    <h4>photoshooting</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-video2 d-border-c d-text-c"></i>
                                    <h4>video production</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-image2 d-border-c d-text-c"></i>
                                    <h4>print</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-feather2 d-border-c d-text-c"></i>
                                    <h4>copywriting</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="one-service">
                                    <i class="icon-eye4 d-border-c d-text-c"></i>
                                    <h4>monitoring</h4>
                                    <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END SERVICES === -->

                <!-- === START PURCHASE === -->
                <div class="purchase-section">
                    <div class="bg-cover">
                        <div class="container">
                            <div class="site-title">
                                <p>Already excited with the seen?</p>
                                <h1>Purchase wallpaper now</h1>
                                <a href="http://themeforest.net/user/geothemes/portfolio?ref=geothemes">Buy it now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END PURCHASE === -->

      

                <!-- === START PORTFOLIO === -->
                <div class="portfolio-v2 no-bottom-margin">
                    <div class="container">
                        <div class="site-title">
                            <p>We are proud with our</p>
                            <h1>Latest works</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>

                        <ul class="filter" data-theme-plugin="filters">
                            <li><a data-category="" class="d-bg-c-h d-border-c active" href="#">All</a></li>
                            <li><a data-category="nature" class="d-bg-c-h d-border-c" href="#">Nature</a></li>
                            <li><a data-category="print" class="d-bg-c-h d-border-c" href="#">Print</a></li>
                            <li><a data-category="photography" class="d-bg-c-h d-border-c" href="#">Photograpy</a></li>
                            <li><a data-category="abstract" class="d-bg-c-h d-border-c" href="#">Abstract</a></li>
                        </ul>
                    </div>
                    <div class="row" data-theme-plugin="masonry">
                        <div class="col-md-2 no-padding nature col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-1.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-2.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding photography col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-3.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding abstract col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-4.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding nature col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-5.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-6.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding photography col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-7.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding nature col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-8.jpg" alt="portfolio item" />
                                </div>    
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-9.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-10.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-11.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 no-padding print col-xs-6">
                            <div class="portfolio-item">
                                <div class="portfolio-item-cover">
                                    <div class="portfolio-item-hover">
                                        <div class="portfolio-item-bg d-bg-c"></div>
                                        <div class="portfolio-aligment">
                                            <h4><a href="project.html">Amazing Project title</a></h4>
                                            <h6>Nature / Photography</h6>
                                        </div>
                                    </div>
                                    <img src="images/item-12.jpg" alt="portfolio item" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END LATEST WORKS === -->

                <!-- === START OUR TEAM === -->
                <div class="our-team-section our-team-v1">
                    <div class="container">
                        <div class="site-title">
                            <p>We are proud of</p>
                            <h1>Our People</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 no-padding">
                                <div class="team-member">
                                    <div class="team-member-cover">
                                        <img src="images/team-1.jpg" alt="team member" />
                                    </div>
                                    <div class="team-member-hover">
                                        <div class="team-bg"></div>
                                        <div class="team-names">
                                            <h2>Robert <br/>Atkinson</h2>
                                            <h6>Programmer</h6>
                                        </div>
                                        <ul class="socials">
                                            <li><a href="#" class="d-text-c-h"><i class="icon-facebook"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-twitter"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-pinterest"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-instagram"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-googleplus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 no-padding">
                                <div class="team-member">
                                    <div class="team-member-cover">
                                        <img src="images/team-2.jpg" alt="team member" />
                                    </div>
                                    <div class="team-member-hover">
                                        <div class="team-bg"></div>
                                        <div class="team-names">
                                            <h2>Bella <br/>Donna</h2>
                                            <h6>Art Director</h6>
                                        </div>
                                        <ul class="socials">
                                            <li><a href="#" class="d-text-c-h"><i class="icon-facebook"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-twitter"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-pinterest"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-instagram"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-googleplus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 no-padding">
                                <div class="team-member">
                                    <div class="team-member-cover">
                                        <img src="images/team-3.jpg" alt="team member" />
                                    </div>
                                    <div class="team-member-hover">
                                        <div class="team-bg"></div>
                                        <div class="team-names">
                                            <h2>Maria <br/>Lawrence</h2>
                                            <h6>Manager</h6>
                                        </div>
                                        <ul class="socials">
                                            <li><a href="#" class="d-text-c-h"><i class="icon-facebook"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-twitter"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-pinterest"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-instagram"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-googleplus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 no-padding">
                                <div class="team-member">
                                    <div class="team-member-cover">
                                        <img src="images/team-4.jpg" alt="team member" />
                                    </div>
                                    <div class="team-member-hover">
                                        <div class="team-bg"></div>
                                        <div class="team-names">
                                            <h2>Sonia <br/>Atkinson</h2>
                                            <h6>CEO</h6>
                                        </div>
                                        <ul class="socials">
                                            <li><a href="#" class="d-text-c-h"><i class="icon-facebook"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-twitter"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-pinterest"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-instagram"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-googleplus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 no-padding">
                                <div class="team-member">
                                    <div class="team-member-cover">
                                        <img src="images/team-5.jpg" alt="team member" />
                                    </div>
                                    <div class="team-member-hover">
                                        <div class="team-bg"></div>
                                        <div class="team-names">
                                            <h2>Lara <br/>Croft</h2>
                                            <h6>Developer</h6>
                                        </div>
                                        <ul class="socials">
                                            <li><a href="#" class="d-text-c-h"><i class="icon-facebook"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-twitter"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-pinterest"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-instagram"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-googleplus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 no-padding">
                                <div class="team-member">
                                    <div class="team-member-cover">
                                        <img src="images/team-6.jpg" alt="team member" />
                                    </div>
                                    <div class="team-member-hover">
                                        <div class="team-bg"></div>
                                        <div class="team-names">
                                            <h2>Jannet <br/>Delavega</h2>
                                            <h6>Designer</h6>
                                        </div>
                                        <ul class="socials">
                                            <li><a href="#" class="d-text-c-h"><i class="icon-facebook"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-twitter"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-pinterest"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-instagram"></i></a></li>
                                            <li><a href="#" class="d-text-c-h"><i class="icon-googleplus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END OUR TEAM === -->
               
                <!-- === START BLOG POSTS === -->
                <div class="blog-post-section">
                    <div class="container">
                        <div class="site-title">
                            <p>Here you can read</p>
                            <h1>Latest from our blog</h1>
                            <div class="site-dots d-text-c">. . .</div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="blog-entry">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-1.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">May 15, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-1.jpg" alt="avatar" />
                                            <p class="hover-author">by John Dolers</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-2.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">Nov 07, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-2.jpg" alt="avatar" />
                                            <p class="hover-author">by Alexa Doe</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-3.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">Sep 22, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-3.jpg" alt="avatar" />
                                            <p class="hover-author">by Janet Valessa</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-1.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">May 15, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-1.jpg" alt="avatar" />
                                            <p class="hover-author">by John Dolers</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-2.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">Nov 07, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-2.jpg" alt="avatar" />
                                            <p class="hover-author">by Alexa Doe</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="blog-entry">
                                    <div class="entry-cover">
                                        <a href="post.html"><img src="images/blog-3.jpg" alt="blog image" /></a>
                                    </div>
                                    <div class="entry-hover">
                                        <div class="hover-cover d-bg-c"></div>
                                        <h6 class="entry-date">Sep 22, 2014</h6>
                                        <div class="hover-info">
                                            <img class="d-border-c" src="images/avatar-3.jpg" alt="avatar" />
                                            <p class="hover-author">by Janet Valessa</p>
                                            <h2><a href="post.html">Having fun at the lake</a></h2>
                                            <p class="d-text-c">Nature / Photography</p>
                                            <p class="hover-text">On the other hand, we denounce with righteous indignation and dislike men.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- === END BLOG POSTS === -->

            </div>
            <!-- === END CONTENT === -->


            <!-- === START FOOTER === -->
            <footer class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-xs-6">
                            <div class="widget wow bounceInLeft">
                                <h2 class="logo">Wallpaper</h2>
                                <p>23408 Trafalguar Square, PO BOX 345<br/>Westminster, London<br/>United Kingdom</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-blog-posts wow fadeInUp">
                                <h3 class="widget-title">Latest blog posts</h3>
                                <ul>
                                    <li><a href="#" class="d-text-c-h">Web Design Technics</a></li>
                                    <li><a href="#" class="d-text-c-h">Fiction vs Reality</a></li>
                                    <li><a href="#" class="d-text-c-h">10 Freebies Design Inspiration</a></li>
                                    <li><a href="#" class="d-text-c-h">Having fun at the lake</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-tag-cloud wow fadeInUp">
                                <h3 class="widget-title">tag cloud</h3>
                                <a href="#" class="d-bg-c-h">Reserch</a>
                                <a href="#" class="d-bg-c-h">Development</a>
                                <a href="#" class="d-bg-c-h">Framework</a>
                                <a href="#" class="d-bg-c-h">Showcase</a>
                                <a href="#" class="d-bg-c-h">Design</a>
                                <a href="#" class="d-bg-c-h">Strategy</a>
                                <a href="#" class="d-bg-c-h">Bootstrap</a>
                                <a href="#" class="d-bg-c-h">Artist Design</a>
                                <a href="#" class="d-bg-c-h">Management</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-socials wow bounceInRight">
                                <h3 class="widget-title">Social profiles</h3>
                                <p>On the other hand, we denounce with righteous indignation and dislike men.</p>
                                <ul class="socials">
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <p class="copywrite">© Copyright 2014 by GeoThemes. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- === END FOOTER === -->
        </div>
        <!-- =========================== START SCRIPTS ========================== -->
        <script src="js/modernizr.custom.63321.js" type="text/javascript"></script>
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui.min.js" type="text/javascript"></script>
        <script src="js/waypoints.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>
        <script src="js/placeholder.js" type="text/javascript"></script>
        <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
        <script src="js/masonry.pkgd.js" type="text/javascript"></script>
        <script src="js/jquery.swipebox.min.js" type="text/javascript"></script>
        <script src="js/wow.js" type="text/javascript"></script>
        <script src="js/knob.js" type="text/javascript"></script>
        <script src="js/jquery.counterup.js" type="text/javascript"></script>
        <script src="js/options.js" type="text/javascript"></script>
        <script src="js/plugins.js" type="text/javascript"></script>
        <script src="color-box/color-js.js" type="text/javascript"></script>
        <script src="color-box/farbtastic/farbtastic.js" type="text/javascript"></script>
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- =========================== END SCRIPTS ========================== -->
    </body>
</html>